<!DOCTYPE html>
<html lang="pt">
    <head>
        <title>BootStrap - Modulo 05</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <!-- Estilo Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet"/>
        <link href="css/bootstrap-responsive.min.css" rel="stylesheet"/>
        <link href="css/template.css" rel="stylesheet"/>
    </head>
    <body>
        <div class="container">
            <div class="row" id="topo">
                <div class="span5">
                    <a href="index.html">
                        <img src="img/acadtec.png" alt="Logotipo do Site"/>
                    </a>
                </div>
            </div><!-- FIM TOPO -->
            
            <div class="row"><!-- INICIO NAVEGACAO -->
                <div class="span12" id="navegacao">
                    <div class="navbar">
                        <div class="navbar-inner">
                            <div class="container">
                                <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                                <div class="nav-collapse collapse">
                                    <ul class="nav">
                                        <li class="active"><a href="#">Inicio</a></li>
                                        <li><a href="#">Quem Somos</a></li>
                                        <li><a href="#">Serviços</a></li>
                                        <li><a href="#">Portifólio</a></li>
                                        <li><a href="#">Contato</a></li>
                                        <li class="dropdown">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu Dropdown
                                                <b class="caret"></b></a>
                                            <ul class="dropdown-menu">
                                                <li><a href="#">Inscrição</a></li>
                                                <li><a href="#">Conteudo de Abas</a></li>
                                                <li><a href="#">Nosso Blog</a></li>
                                            </ul>  
                                        </li>
                                    </ul>
                                    <form class="navbar-form pull-right">
                                        <input class="span2" type="text" placeholder="Email"/>
                                        <input class="span2" type="password" placeholder="Senha"/>
                                        <button type="submit" class="btn">Faça o Login</button> 
                                    </form>
                                </div><!-- FIM DO COLLAPSE -->
                            </div><!-- FIM DO CONTAINER DO MENU -->
                        </div>
                    </div>
                </div>
            </div> <!-- FIM NAVEGACAO -->
            
            <div class="row" id="banner">
                <div class="span12">
                    <div class="hero-unit">
                        <h1>Curso de Bootstrap Twitter</h1>
                        <p>Aprenda a desenvolver sites, sistemas, e aplicativos, para dispositivos moveis,
                           de forma fácil e com elegância. Você tambem verá como é simples desenvolver projetos
                           responsivos.
                        </p>
                        <a href="#" class="btn btn-large">Saiba Mais</a>
                    </div>
                </div>
            </div>
            
        </div>
        
        
        <!-- Arquivos JavaScript -->
        <script src="js/jquery-1.10.2.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </body>
</html>
